<template>
  <div class="fixed-top bg-light">
    <div class="container">
      <div
        class="
          fws-zdy-bg
          text-black text-center
          w-100
          m-2
          shadow-lg
          rounded-pill
        "
      >
        <p class="fs-1 text-warning fw-bold">404</p>
        <p class="fs-2">尽力了,但是找不到您要访问的资源 . . .</p>
        
      </div>
    </div>
    <!-- <h1>您要访问的资源不存在</h1> -->
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {
    setTimeout(() => {
      this.$router.push("/");
    }, 3000);
    setTimeout(() => {
      this.$notify({
        title: "即将返回首页",
        message: "5s后返回首页",
        position: "top-left",
      });
    }, 1000);
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.fws-zdy-bg {
  background-color: rgba($color: #fff, $alpha: 1);
  height: 25vh;
  p {
    margin: 0;
    padding: 0;
    line-height: 10vh;
  }
}
.fixed-top {
  z-index: 2000;
  height: 100vh;
}
</style>